//
//  VisitorView.swift
//  Weibo
//
//  Created by 胡国璋 on 15/10/17.
//  Copyright © 2015年 胡国璋. All rights reserved.
//

import UIKit
import SnapKit

/// 通过监听方法传递点击事件
///  访客视图的协议
//protocol VisitorViewDelegate: NSObjectProtocol {
//
//    /// 注册
//    func visitorViewDidRegister()
//    
//    /// 登陆
//    func visitorViewDidLogin()
//    
//}

/// 访客视图 － 处理用户未登录的界面显示
class VisitorView: UIView {
    
/// 通过监听方法传递点击事件
//    weak var delegate:VisitorViewDelegate?
//    // MARK: - 监听方法
//    @objc private func clickRegister(){
//        delegate?.visitorViewDidRegister()
//    }
//    
//    @objc private func clickLogin(){
//        delegate?.visitorViewDidLogin()
//    }
    
    
    // MARK: - 设置视图信息
    /// 设置视图信息
    ///
    /// - parameter imageName: 图片名称，首页设置为 nil
    /// - parameter title:     消息文字
    func setupInfo(imageName: String?,title: String){
    
        messageLabel.text = title
        
        // 如果图片名称为 nil，说明是首页，直接返回
        guard let imgName = imageName else{
            
            startAnim()
            return
        }
        
        iconView.image = UIImage(named: imgName)
        // 隐藏小房子
        homeIconView.hidden = true
        // 将遮罩图像移动到底层
        sendSubviewToBack(maskIconView)
    
    }
    
    /// 开启首页转轮动画
    private func startAnim() {
        
        let anim = CABasicAnimation(keyPath: "transform.rotation")
        
        anim.toValue = 2 * M_PI
        //播放次数
        anim.repeatCount = MAXFLOAT
        //一个循环执行的时间
        anim.duration = 20
        
        // 用在不断重复的动画上，当动画绑定的图层对应的视图被销毁，动画会自动被销毁
        anim.removedOnCompletion = false
        
        // 添加到图层
        iconView.layer.addAnimation(anim, forKey: nil)
    
    }
    
    // initWithFrame 是 UIView 的指定构造函数
    // 使用纯代码开发使用的
    override init(frame: CGRect) {
        super.init(frame:frame)
        
        setupUI()
    }

    // initWithCoder - 使用 SB & Xib 开发加载的函数
    // 使用 sb 开始的入口
    required init?(coder aDecoder: NSCoder) {
        // 导致如果使用 SB 开发，调用这个视图，会直接崩溃
        // fatalError("init(coder:) has not been implemented")
        
        super.init(coder: aDecoder)
        
        setupUI()
    }
    
    // MARK: - 懒加载控件
    /// 图标，使用 image: 构造函数创建的 imageView 默认就是 image 的大小
    private lazy var iconView: UIImageView = UIImageView(imageName: "visitordiscover_feed_image_smallicon")
    
    /// 遮罩图像
    private lazy var maskIconView: UIImageView = UIImageView(imageName: "visitordiscover_feed_mask_smallicon")
    
    /// 小房子
    private lazy var homeIconView: UIImageView = UIImageView(imageName: "visitordiscover_feed_image_house")
    
    /// 消息文字
    private lazy var messageLabel: UILabel = UILabel(title: "关注一些人，回这里看看有什么惊喜关注一些人，回这里看看有什么惊喜")
//    private lazy var messageLabel: UILabel = {
//        let label = UILabel()
//        
//        label.text = "关注一些人，回这里看看有什么惊喜关注一些人，回这里看看有什么惊喜"
//        //界面设计上,避免使用纯黑色
//        
//        label.textColor = UIColor.darkGrayColor()
//        label.font = UIFont.systemFontOfSize(14)
//        label.numberOfLines = 0
//        label.textAlignment = NSTextAlignment.Center
//        
//        return label
//    }()
    
    /// 注册按钮
    // 通过监听方法传递点击事件
    // private lazy var registerButton: UIButton = UIButton(title: "注册", color: UIColor.orangeColor(), imageName: "common_button_white_disable")
    lazy var registerButton: UIButton = UIButton(title: "注册", color: UIColor.orangeColor(), backImageName: "common_button_white_disable")
    
//    private lazy var registerButton: UIButton = {
//        let button = UIButton()
//
//        button.setTitle("注册", forState: UIControlState.Normal)
//        button.setTitleColor(UIColor.orangeColor(), forState: UIControlState.Normal)
//        button.setBackgroundImage(UIImage(named: "common_button_white_disable"), forState: UIControlState.Normal)
//
//        return button
//    }()
    
    /// 登陆按钮
    // 通过监听方法传递点击事件
    // private lazy var loginButton: UIButton = UIButton(title: "登陆", color: UIColor.darkGrayColor(), imageName: "common_button_white_disable")
    lazy var loginButton: UIButton = UIButton(title: "登陆", color: UIColor.darkGrayColor(), backImageName: "common_button_white_disable")
    
//    private lazy var loginButton: UIButton = {
//        let button = UIButton()
//
//        button.setTitle("登陆", forState: UIControlState.Normal)
//        button.setTitleColor(UIColor.darkGrayColor(), forState: UIControlState.Normal)
//        button.setBackgroundImage(UIImage(named: "common_button_white_disable"), forState: UIControlState.Normal)
//
//        return button
//    }()
}


extension VisitorView {

    /// 设置界面
        private func setupUI() {
    
        // 1. 添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(homeIconView)
        addSubview(messageLabel)
        addSubview(registerButton)
        addSubview(loginButton)

        // 2. 设置自动布局
        // 1> 图标
        // make 理解为要添加的约束对象
        iconView.snp_makeConstraints { (make) -> Void in
            // 指定 centerX 属性 等于 `参照对象`.`snp_`参照属性值
            // offset 就是指定相对视图约束的偏移量
            make.centerX.equalTo(self.snp_centerX)
            make.centerY.equalTo(self.snp_centerY).offset(-60)
        }
        // 2> 小房子
        homeIconView.snp_makeConstraints { (make) -> Void in
            make.center.equalTo(iconView.center)
        }
        // 3> 消息文字
        messageLabel.snp_makeConstraints { (make) -> Void in
            make.centerX.equalTo(iconView.snp_centerX)
            make.top.equalTo(iconView.snp_bottom).offset(16)
            make.width.equalTo(224)
            make.height.equalTo(36)
        }
        // 4> 注册按钮
        registerButton.snp_makeConstraints { (make) -> Void in
            make.left.equalTo(messageLabel.snp_left)
            make.top.equalTo(messageLabel.snp_bottom).offset(16)
            make.width.equalTo(100)
            make.height.equalTo(36)
        }
        // 5> 登录按钮
        loginButton.snp_makeConstraints { (make) -> Void in
            make.right.equalTo(messageLabel.snp_right)
            make.top.equalTo(registerButton.snp_top)
            make.width.equalTo(registerButton.snp_width)
            make.height.equalTo(registerButton.snp_height)
        }
        // 6. 遮罩图像
        maskIconView.snp_makeConstraints { (make) -> Void in
            make.top.equalTo(self.snp_top)
            make.left.equalTo(self.snp_left)
            make.right.equalTo(self.snp_right)
            make.bottom.equalTo(registerButton.snp_bottom)
        }
    
        // 设置背景颜色 - 灰度图 R = G = B，在 UI 元素中，大多数都使用灰度图，或者纯色图(安全色)
        backgroundColor = UIColor(white: 237.0 / 255.0, alpha: 1.0)
    }
//    private func setupUI() {
//        
//        // 1. 添加控件
//        addSubview(iconView)
//        addSubview(maskIconView)
//        addSubview(homeIconView)
//        addSubview(messageLabel)
//        addSubview(registerButton)
//        addSubview(loginButton)
//        
//        // 2. 设置自动布局
//        /**
//        - 添加约束需要添加到父视图上
//        - 建议，子视图最好有一个统一的参照物！
//        */
//        // translatesAutoresizingMaskIntoConstraints 默认是 true，支持使用 setFrame 的方式设置控件位置
//        // false 支持使用自动布局来设置控件位置
//        for v in subviews{
//            v.translatesAutoresizingMaskIntoConstraints = false
//        }
//        
//        // 1> 图标
//        addConstraint(NSLayoutConstraint(item: iconView, attribute: .CenterX, relatedBy: .Equal, toItem: self, attribute: .CenterX, multiplier: 1.0, constant: 0))
//        addConstraint(NSLayoutConstraint(item: iconView, attribute: .CenterY, relatedBy: .Equal, toItem: self, attribute: .CenterY, multiplier: 1.0, constant: -60))
//        // 2> 小房子
//        addConstraint(NSLayoutConstraint(item: homeIconView, attribute: .CenterX, relatedBy: .Equal, toItem: iconView, attribute: .CenterX, multiplier: 1.0, constant: 0))
//        addConstraint(NSLayoutConstraint(item: homeIconView, attribute: .CenterY, relatedBy: .Equal, toItem: iconView, attribute: .CenterY, multiplier: 1.0, constant: 0))
//        // 3> 消息文字
//        addConstraint(NSLayoutConstraint(item: messageLabel, attribute: .CenterX, relatedBy: .Equal, toItem: iconView, attribute: .CenterX, multiplier: 1.0, constant: 0))
//        addConstraint(NSLayoutConstraint(item: messageLabel, attribute: .Top, relatedBy: .Equal, toItem: iconView, attribute: .Bottom, multiplier: 1.0, constant: 16))
//        addConstraint(NSLayoutConstraint(item: messageLabel, attribute: .Width, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1.0, constant: 224))
//        addConstraint(NSLayoutConstraint(item: messageLabel, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1.0, constant: 36))
//        // 4> 注册按钮
//        addConstraint(NSLayoutConstraint(item: registerButton, attribute: .Left, relatedBy: .Equal, toItem: messageLabel, attribute: .Left, multiplier: 1.0, constant: 0))
//        addConstraint(NSLayoutConstraint(item: registerButton, attribute: .Top, relatedBy: .Equal, toItem: messageLabel, attribute: .Bottom, multiplier: 1.0, constant: 16))
//        addConstraint(NSLayoutConstraint(item: registerButton, attribute: .Width, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1.0, constant: 100))
//        addConstraint(NSLayoutConstraint(item: registerButton, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1.0, constant: 36))
//        // 5> 登录按钮
//        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .Right, relatedBy: .Equal, toItem: messageLabel, attribute: .Right, multiplier: 1.0, constant: 0))
//        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .Top, relatedBy: .Equal, toItem: messageLabel, attribute: .Bottom, multiplier: 1.0, constant: 16))
//        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .Width, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1.0, constant: 100))
//        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1.0, constant: 36))
//        
//        // 6. 遮罩图像
//        /**
//        VFL : 可视化格式语言
//        
//        H 水平方向
//        V 垂直方向
//        | 边界
//        [] 包装控件
//        views: 是一个字典 [名字: 控件名] - VFL 字符串中表示控件的字符串
//        metrics: 是一个字典 [名字: NSNumber] - VFL 字符串中表示某一个数值
//        */
//        addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-0-[mask]-0-|", options: [], metrics: nil, views: ["mask":maskIconView]))
//        addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|-0-[mask]-(btnHeight)-[regButton]", options: [], metrics: ["btnHeight": -36], views: ["mask": maskIconView, "regButton": registerButton]))
//        
//        // 设置背景颜色 - 灰度图 R = G = B，在 UI 元素中，大多数都使用灰度图，或者纯色图(安全色)
//        backgroundColor = UIColor(white: 237.0 / 255.0, alpha: 1.0)
//
//        //// 通过监听方法传递点击事件
////        //添加监听方法
////        registerButton.addTarget(self, action: "clickRegister", forControlEvents: .TouchUpInside)
////        loginButton.addTarget(self, action: "clickLogin", forControlEvents: .TouchUpInside)
//        
//    }

}